import Vue from 'vue'
import Router from 'vue-router' //'@/components/HelloWorld' 中@符号表示src这个目录
import home from '@/pages/home/home'
import city from '@/pages/city/City'
import Detail from '@/pages/detail/Detail'


Vue.use(Router)

//index.js导出去的部分为路由配置项，/表示根路径
export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',//此处的name为了与路由router-view的name对应
      component: home//此处为组件名，与import中的home对应
    },{
      path: '/city',
      name: 'City',//此处的name为了与路由router-view的name对应
      component: city//此处为组件名
    },{
      path:'/detail/:id',//动态路由：id，前面的路由必须是detail，后面可以携带参数放在id里面
      name:'detail',
      component:Detail
    }
  ],
  //滚动行为：页面切换时回到页面最顶部
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})
